<!doctype html>
<html lang="en" id="mood" v-cloak xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset="UTF-8">
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <title>爱的约定</title>
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
        <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/iconfont.css">
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/uc_mymood.css">
    </head>
    <body>
        <div class='common-header'>
            <div class="left"><a href="javascript:;" @click="switchPublic()">发布</a></div>
            <div class="middle">说说</div>
            <div class="right" onclick="window.location.href = 'add_page.html' "><i class='iconfont'>&#xe623;</i>{{defaultAdd}}</div>
        </div>
        
        <!-- <div class="user-basic">
            <div class="info">
                <img src="img/item1.png">
                <p>柠檬加咖啡</p>
                <small>25 浙江杭州 165cm</small>
            </div>
        </div> -->
        
        <div class="mood" v-for="item in renderObj.listArr">
            <img :src="item.member.headImg" v-if="item.member.headImg.indexOf('upload')==-1" class="avatar" v-on:click="goUserDetail(item.member.id)">
            <img :src="'http://appapp.b0.upaiyun.com'+item.member.headImg+'!/quality/10'" v-if="item.member.headImg.indexOf('upload')!=-1" class="avatar" v-on:click="goUserDetail(item.member.id)">
            <div class="content">
                <span class="name" v-on:click="goUserDetail(item.member.id)">{{item.member.nickName}}</span>
                <p class="text">{{{item.content}}}</p>
                <div class="img-lists">
                    <span v-if="item.url1!=''">
                        <img :src="picServer+item.url1" @click="preview(item.url1)">
                    </span>
                    <span v-if="item.url2!=''">
                        <img :src="picServer+item.url2" @click="preview(item.url2)">
                    </span>
                    <span v-if="item.url3!=''">
                        <img :src="picServer+item.url3" @click="preview(item.url3)">
                    </span>
                    <span v-if="item.url4!=''">
                        <img :src="picServer+item.url4" @click="preview(item.url4)">
                    </span>
                    <span v-if="item.url5!=''">
                        <img :src="picServer+item.url5" @click="preview(item.url5)">
                    </span>
                    <span v-if="item.url6!=''">
                        <img :src="picServer+item.url6" @click="preview(item.url6)">
                    </span>
                    <span v-if="item.url7!=''">
                        <img :src="picServer+item.url7" @click="preview(item.url7)">
                    </span>
                    <span v-if="item.url8!=''">
                        <img :src="picServer+item.url8" @click="preview(item.url8)">
                    </span>
                    <span v-if="item.url9!=''">
                        <img :src="picServer+item.url9" @click="preview(item.url9)">
                    </span>
                </div>

                <div class="date">
                    <span>{{item.releaseTime}}</span>
                    <span class="pull-right ctrl" @click="toComment(item.id)">
                        <i class="iconfont icon-chat2"></i>评论
                    </span>
                </div>
                <div class="comment" v-if="item.list!=''">
                    <i class="iconfont icon-block-up"></i>
                    <div class="comment-user" v-for="msg in item.list" @click="toCommentHf(item.id,msg.id)" v-if="!msg.msg">
                        <span class="name" v-if="!msg.msg">{{msg.member.nickName}}:</span>
                        <span>{{msg.content}}</span>
                    </div>
                    <div class="comment-user" v-for="msg in item.list" @click="toCommentHf(item.id,msg.id)" v-if="msg.msg">
                        <span class="name">{{msg.member.nickName}}</span> 回复 <span class="name">{{msg.msg.member.nickName}}:</span>
                        <span>{{msg.content}}</span>
                    </div>
                </div>
                <div class='reply' v-if="showCommentIndex===item.id">
                    <!--<span><i class='iconfont icon-plus'></i></span>-->
                    <input type="text" v-model="leaveWords">
                    <div @click="comment(item.id)">发送</div>
                </div>
            </div>
        </div>
        <p class="no-data">{{bottomTxt}}</p>

        <!-- footer -->
        <div class='footer'>
            <a href="index.html">
                <i class='iconfont'>&#xe611;</i>
                <p>首页</p>
            </a>
            <a href="activity_list.html">
                <i class='iconfont'>&#xe64d;</i>
                <p>活动</p>
            </a>
            <a href="friend_index.html">
                <i class='iconfont ta'>&#xe62a;</i>
                <p>TA</p>
            </a>
            <a class='active' href="mood.html">
                <i class='iconfont ss'>&#xe66a;</i>
                <p>说说</p>
            </a>
            <a href="uc_index.html">
                <i class='iconfont self'>&#xe66f;</i>
                <p>个人</p>
            </a>
        </div>

        <div class="weui_dialog_confirm" v-if="showPublic">
            <div class="weui_mask"></div>
            <div class="weui_dialog">
                <div class="close" @click="switchPublic()">
                    <i class="iconfont icon-x"></i>
                </div>
                <div class="content">
                    <div class="textarea">
                        内容 <textarea v-model="publicContent"></textarea>
                    </div>
                </div>
                <div class="weui_dialog_ft">
                    <a @click="switchPublic()" href="javascript:;" class="weui_btn_dialog default">取消</a>
                    <a @click="sendPublic()" href="javascript:;" class="weui_btn_dialog primary">发送</a>
                </div>
            </div>
        </div>
        <div class="preview-img" v-if="previewImg">
            <i class="iconfont icon-tubiao06" v-on:click="closeImg()"></i>
            <img :src="previewImg" alt="">
        </div>
    </body>
    <script>var app = 'mood';</script>
    <script data-main="js/common/require_config" src="lib/requirejs/require.js"></script>
</html>